<div id="studyViewerTemplate" class="tab-pane active hidden" style="height:100%">

    <div class="studyContainer" style="height:100%;overflow:hidden;">
        <div class="row ">
            <div class="text-right" >

                <div class="btn-group">
                    <button  type="button" data-toggle="tooltip" data-placement="left" title="全选" class="btn  btn-bitbucket  iconfont icon-quanxuan1 btnAllSelect">


                    </button>
                    <!--image布局-->
                    <button  type="button" data-toggle="tooltip" data-placement="left" title="布局" class="btn  btn-bitbucket  iconfont icon-citylayout insert_table"></button>
                    <button  type="button" data-toggle="tooltip" data-placement="bottom" title="堆栈卷轴"  class="btn btn-bitbucket  iconfont icon-gunlun btnstackScroll"></button>
                    <!--ww/wc-->
                    <div class="btn-group">
                        <button   type="button" data-toggle="tooltip" data-placement="bottom" title="ww/wc"  class="btn btn-bitbucket  iconfont icon-iconfontliangdu btnwwwl"></button>
                        <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul id="menuwwwl" class="dropdown-menu " role="menu">
                            <li ><a class="iconfont icon-lugu" href="#" >  头颅平扫(90/35)</a></li>
                            <li><a class="iconfont icon-lugu" href="#" >  头颅增强(85/40)</a></li>
                            <li><a class="iconfont icon-lugu" href="#" >  头颅骨窗(1600/450)</a></li>
                            <li><a class="iconfont icon-feibu" href="#" >  肺窗(1000/-650)</a></li>
                            <li><a class="iconfont icon-fubu" href="#" >  纵膈窗(350/40)</a></li>
                            <li><a class="iconfont icon-gandan" href="#" >  肝脏(200/50)</a></li>
                            <li><a class="iconfont icon-shenzang" href="#" >  肾脏(350/40)</a></li>
                            <li><a id="btnwwwlcustom" class="iconfont icon-zidingyilie" href="#" >  自定义</a></li>
                            <li class="divider"></li>
                            <li><a  class="iconfont icon-xuanzeselection7 btnwwwcRegion" href="#"> 区域ww/wc</a></li>
                            <li><a   class="iconfont icon-mianjiicon btnhighlight" href="#"> 高亮</a></li>
                            <li><a  class="iconfont icon-mianjiicon btndehighlight" href="#"> 关闭高亮</a></li>
                        </ul>
                    </div>
                    <!--负片-->
                    <button   type="button" data-toggle="tooltip" data-placement="bottom" title="负片"  class="btn btn-bitbucket  iconfont icon-liangdu btnInvert"></button>
                    <!--缩放-->
                    <div class="btn-group">
                        <button   type="button" data-toggle="tooltip" data-placement="bottom" title="缩放"  class="btn btn-bitbucket  iconfont icon-expand btnzoom"></button>
                        <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu " role="menu">
                            <li ><a  class="iconfont icon-expand btnMagnify1" href="#">  X2</a></li>
                            <li ><a  class="iconfont icon-expand btnMagnify2" href="#">  X3</a></li>
                            <li ><a  class="iconfont icon-expand btnMagnify3" href="#">  X4</a></li>

                        </ul>
                    </div>
                    <!--漫游-->
                    <button   type="button" data-toggle="tooltip" data-placement="bottom" title="漫游"  class="btn btn-bitbucket  iconfont icon-yidong btnPan"></button>
                    <!--旋转-->
                    <div class="btn-group">
                        <button  type="button" data-toggle="tooltip" data-placement="bottom" title="旋转"  class="btn btn-bitbucket  iconfont icon-xuanzhuan btnRotate"></button>
                        <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li ><a  class="iconfont icon-xiangyouxuanzhuan btnRight" href="#">  +90°</a></li>
                            <li ><a  class="iconfont icon-xiangzuoxuanzhuan btnLeft" href="#">  -90°</a></li>
                            <li ><a  class="iconfont icon-jingxiangfanzhuan btnhFlip" href="#">  水平镜像</a></li>
                            <li ><a  class="iconfont icon-shuipinfanzhuan btnvFlip" href="#">  垂直镜像</a></li>
                            <!--<li ><a  class="iconfont icon-xuanzhuan" href="#">  自由旋转</a></li>-->
                            <li class="divider"></li>
                            <li><a   class="iconfont icon-huifu btnResetRotate" href="#"> 恢复</a></li>
                        </ul>
                    </div>
                    <!--测量-->
                    <div class="btn-group">
                        <button type="button" data-toggle="tooltip" data-placement="bottom" title="测量"  class="btn btn-bitbucket  iconfont icon-celiang-copy btnLength"></button>
                        <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu " role="menu">
                            <li ><a  class="iconfont icon-changduceliang btnLength" href="#">  长度</a></li>
                            <li ><a  class="iconfont icon-jiaoduceliang btnAngle" href="#">  角度</a></li>
                            <li ><a  class="iconfont icon-tuoyuanceliang btnElliptical" href="#">  椭圆</a></li>
                            <li ><a   class="iconfont icon-juxingceliang btnRectangle" href="#">  矩形</a></li>
                            <li ><a  class="iconfont icon-yuandian btnPixelprobe" href="#">  圆点</a></li>
                            <li ><a  class="iconfont icon-wenzi btnAnnotation" href="#">  标记</a></li>

                            <li class="divider"></li>
                            <li ><a  class="iconfont icon-dian1 btnDragProbe" href="#">  点</a></li>
                            <li><a  class="iconfont icon-qingchu btnclearToolData" href="#"> 清除</a></li>
                        </ul>
                    </div>
                    <button  type="button" data-toggle="tooltip" data-placement="bottom" title="恢复"  class="btn btn-bitbucket  iconfont icon-huifu btnhuifu"></button>

                    <!--播放-->
                    <button  type="button" data-toggle="tooltip" data-placement="bottom" title="播放"  class="btn btn-bitbucket  iconfont icon-play btnPlay"></button>
                    <!--停止-->
                    <button  type="button" data-toggle="tooltip" data-placement="bottom" title="停止"  class="btn btn-bitbucket  iconfont icon-tingzhi-copy btnStop"></button>

                    <button  type="button" data-toggle="tooltip" data-placement="bottom" title="定位线"  class="btn btn-bitbucket  iconfont  icon-dingweixian btnref"></button>

                    <!--<button type="button" class="divider"></button>-->
                    <!--另存-->
                    <button  type="button" data-toggle="tooltip" data-placement="bottom" title="另存"  class="btn btn-bitbucket  iconfont icon-save btnSave"></button>
                </div>
            </div>
        </div>
        <div class="studyRow row" >

            <!-- Thumbnails -->
            <div class="thumbnailSelector">
                <div class="thumbnails list-group">
                </div>
            </div>

            <!-- Viewer -->
            <div class="viewer">
                <!-- Toolbar -->


                <!-- Viewer -->
                <div class="imageViewer">

                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
    <dialog class="annotationDialog">
        <h5>输入你的标记文本</h5>
        <div class="annotationTextInputOptions">
            <label for="annotationTextInput">新的标记</label>
            <input name="annotationTextInput" class="annotationTextInput" type="text"/>
        </div>
        <a class="annotationDialogConfirm btn btn-sm btn-primary">确定</a>
    </dialog>
    <dialog class="relabelDialog" oncontextmenu="return false">
        <h5>输入你的标记文本</h5>
        <div class="annotationTextInputOptions">
            <label for="annotationTextInput">新的标记</label>
            <input name="annotationTextInput" class="annotationTextInput" type="text"/>
        </div>
        <div>
            <a class="relabelRemove btn btn-sm btn-secondary">移除标记</a>
            <a class="relabelConfirm btn btn-sm btn-primary">确定</a>
        </div>
    </dialog>

</div>
